<template>
    <div>
		<div class="corner corner1">
			<img src="/img/bigScreen/36.png" alt="" />
		</div>
		<div class="corner corner2">
			<img src="/img/bigScreen/37.png" alt="" />
		</div>
		<div class="corner corner3">
			<img src="/img/bigScreen/38.png" alt="" />
		</div>
		<div class="corner corner4">
			<img src="/img/bigScreen/39.png" alt="" />
		</div>
    </div>
</template>


<style lang="scss">	
	.corner {position: absolute;
	
		img {
			width: 10px;height: 10px;
			display: block;
			opacity: 1;
		}
	}
	
	.corner1 {
		left: -1px;
		top: -1px
	}
	
	.corner2 {
		right: -1px;
		top: -1px
	}
	
	.corner3 {
		left: -1px;
		bottom: -1px
	}
	
	.corner4 {
		right: -1px;
		bottom: -1px
	}

</style>